<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详细页面</title>
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/commodity.css">
    <link rel="stylesheet" href="/css/footer.css">
</head>
<body>
    <header></header>
    <div id="magnifier">
       <div class="content">
        <div class="left">
            <div>
                <p></p>
                <img src="" alt="">
            </div>
            <ul>
                <li><img src="/img/11.jpg" alt=""></li>
                <li><img src="/img/12.jpg" alt=""></li>
                <li><img src="/img/13.jpg" alt=""></li>
                <li><img src="/img/14.jpg" alt=""></li>
            </ul>
        </div>
        <div class="right">
            <img src="/img/images/登录.PNG" alt="">
        </div>
        <div class="detailed">
            <h3>商品详情</h3>
            <span>cishangping</span>
           <div>
            <h4>优惠:</h4>
            <p>可参加以下优惠活动</p>
            <p>买4盒送一盒</p>
            <p>慢100减20</p>
           </div>
           <p>服务:&nbsp;&nbsp;苏宁益品&nbsp;&nbsp;急速退7天&nbsp;&nbsp;无理由退货&nbsp;&nbsp;享退货运费险</p>
           <p>价格：<span class="dorr"></span>元</p>
            <button class="btn color">加入购物车</button> <button class="btu color">查看购物车</button>
        </div>
       </div>
    </div>
    <hr>
    <h1>商品详细展示(<span>商品以实物为准，解释权归商家所有</span>)</h1>
    <main class="content"></main>
    <footer></footer>
    <script src="/js/pAjax.js"></script>
    <script src="/libs/jquery.min.js"></script>
    <script src="/js/commodity.js"></script>
</body>
</html>